<!DOCTYPE html>
<html>
<head>
    <title>用户信息</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <script src="/common/css.js"></script>
   <style>
        .personMsg{
            text-align:center;
            margin-top:20px;
        }
        .item{
            padding:20px 0px;
            font-size: 20px;
        }
        .item p{
            margin:0px;
        }
        .title{
            font-size: 16px;
            color: grey;
        }
        .detailMsg{
            margin-top:20px;
        }
        .personTable th{
            text-align: center;
            font-size: 14px;
        }
        .personTable td{
            text-align: center;
            font-size: 16px;
        }
        [v-cloak] {
            display: none;
        }
        #gview_jqGrid{
            width: 100%;
        }
        #gbox_jqGrid{
            width: 100%!important;
        }
        #gview_jqGrid{
            width: 100%!important;
        }
        #gview_jqGrid table{
            width: 100%!important;
        }
        .tablePadding{
            margin-top:20px;
        }
        .underline{
            text-decoration: underline;
            color: blue;
            cursor: pointer;
        }
        .goback{
            padding: 10px 50px;
            text-decoration: underline;
            color: #35a7d5;
            cursor: pointer;
        }
        .token{
            width: 200px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block;
        }
        .token1{
            width: 100px;
        }
        .token2{
            width: 230px;
        }

        /*.first, .last {*/
            /*width: 50px;*/
        /*}*/
        a{ text-decoration:none;}
        a:hover{ text-decoration:none;}
        .tcdPageCode{padding: 15px 20px;text-align: left;color: #ccc;text-align:center;}
        .tcdPageCode a{display: inline-block;color: #428bca;display: inline-block;height: 25px;	line-height: 25px;	padding: 0 10px;border: 1px solid #ddd;	margin: 0 2px;border-radius: 4px;vertical-align: middle;}
        .tcdPageCode a:hover{text-decoration: none;border: 1px solid #428bca;}
        .tcdPageCode span.current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #fff;background-color: #428bca;	border: 1px solid #428bca;border-radius: 4px;vertical-align: middle;}
        .tcdPageCode span.disabled{	display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;	color: #bfbfbf;background: #f2f2f2;border: 1px solid #bfbfbf;border-radius: 4px;vertical-align: middle;}
        .tcdPageCode1{padding: 15px 20px;text-align: left;color: #ccc;text-align:center;}
        .tcdPageCode1 a{display: inline-block;color: #428bca;display: inline-block;height: 25px;	line-height: 25px;	padding: 0 10px;border: 1px solid #ddd;	margin: 0 2px;border-radius: 4px;vertical-align: middle;}
        .tcdPageCode1 a:hover{text-decoration: none;border: 1px solid #428bca;}
        .tcdPageCode1 span.current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #fff;background-color: #428bca;	border: 1px solid #428bca;border-radius: 4px;vertical-align: middle;}
        .tcdPageCode1 span.disabled{	display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;	color: #bfbfbf;background: #f2f2f2;border: 1px solid #bfbfbf;border-radius: 4px;vertical-align: middle;}

   </style>
</head>
<body>
<div id="details">
    <div>
        <p @click="goBackTo" class="goback"><span class="glyphicon glyphicon-circle-arrow-left" aria-hidden="true"></span>&nbsp;点击返回上一页</p>
    </div>
    <div class="row">
        <div class="table-responsive">
            <table class="table personTable table-striped" v-cloak>
                <tr>
                    <th>昵称</th>
                    <th>性别</th>
                    <th>电话号码</th>
                    <th>状态</th>
                    <th>创建时间</th>
                    <th>是否允许转账</th>
                </tr>
                <tr>
                    <td>{{dto.userName}}</td>
                    <td><span v-if="dto.gender==0">男</span><span v-if="dto.gender==1">女</span></td>
                    <td>{{dto.phone}}</td>
                    <td><span v-if="dto.state==1">可用</span><span v-if="dto.state==0">禁用</span></td>
                    <td>{{dto.timeCreate}}</td>
                    <td><span v-if="dto.statetrans==1">可用</span><span v-if="dto.statetrans==0">禁用</span></td>
                </tr>
            </table>

        </div>
    </div>
    <div class="row detailMsg">
        <div class="col-md-12">
            <ul id="myTab" class="nav nav-tabs">
                <li class="active"><a href="#home" data-toggle="tab">个人资料</a></li>
                <li><a href="#ios" data-toggle="tab" @click="freeDetail">交易明细</a></li>
                <li><a href="#fen" data-toggle="tab" @click="loginDetail">登录日志</a></li>
                <li><a href="#userLog" data-toggle="tab" @click="userLogDetail">操作日志</a></li>

            </ul>
            <div id="myTabContent" class="tab-content">
                <div class="tab-pane fade in active" id="home">
                    <div class="row">
                        <div class="col-xs-12" style="border:1px solid #ddd;margin-top: 20px;font-size: 20px;padding-bottom: 20px;">
                            <p style="margin: 20px auto">个人信息</p>
                            <div class="table-responsive">
                                <table class="table personTable table-striped" v-cloak>
                                    <tr>
                                        <th>流通IMU/锁仓IMU</th>
                                        <th>流通GET/锁仓GET</th>
                                        <th>流通KCT/锁仓KCT</th>
                                        <th>易买宝/锁仓易买宝</th>
                                        <th>合赢分</th>
                                    </tr>
                                    <tr>
                                        <td><span class="underline" @click="showDiago('流通IMU',fund.money,0)">{{fund.money?fund.money:0}}</span>&nbsp;/&nbsp;<span class="underline" @click="showDiago('锁仓IMU',fund.lockMoney,0)">{{fund.lockMoney?fund.lockMoney:0}}</span></td>
                                        <td ><span class="underline" @click="showDiago('流通GET',fund.eth,0)">{{fund.eth?fund.eth:0}}</span>&nbsp;/&nbsp;<span class="underline" @click="showDiago('锁仓GET',fund.locketh,0)">{{fund.locketh?fund.locketh:0}}</span></td>
                                        <td ><span @click="showDiago('流通KCT',fund.ico)" class="underline">{{fund.ico?fund.ico:0}}</span>&nbsp;/&nbsp;<span class="underline" @click="showDiago('锁仓KCT',fund.lockico,0)">{{fund.lockico?fund.lockico:0}}</span></td>
                                        <td><span>{{fund.bj?fund.bj:0}}</span>&nbsp;/&nbsp;<span>{{fund.lockbj?fund.lockbj:0}}</span></td>
                                        <td><span>{{fund.fen?fund.fen:0}}</span></td>
                                    </tr>
                                    <tr>
                                        <th>交易贝壳/锁仓贝壳</th>
                                        <th>俱乐部</th>
                                        <th>交易员</th>
                                        <th>会员持股</th>
                                    </tr>
                                    <tr>
                                        <td ><span @click="showDiago('交易贝壳',fund.cowry)" class="underline">{{fund.cowry?fund.cowry:0}}</span>&nbsp;/&nbsp;<span class="underline" @click="showDiago('锁仓贝壳',fund.lockcowry,0)">{{fund.lockcowry?fund.lockcowry:0}}</span></td>
                                        <td>
                                            <p v-if="fund.hbc==0">非俱乐部会员</p>
                                            <p v-else @click="showDiago1('俱乐部',fund.hbc)" class="underline">
                                                <span class="ui-cell__ft" v-if="fund.hbc<10">非俱乐部会员</span>
                                                <span class="ui-cell__ft" v-if="fund.hbc<200 && fund.hbc>=10">白银卡</span>
                                                <span class="ui-cell__ft" v-if="fund.hbc<500 && fund.hbc>=200">黄金卡</span>
                                                <span class="ui-cell__ft" v-if="fund.hbc<1000 && fund.hbc>=500">钻石卡</span>
                                                <span class="ui-cell__ft" v-if="fund.hbc<2000 && fund.hbc>=1000">白金卡</span>
                                                <span class="ui-cell__ft" v-if="fund.hbc>=2000">黑金卡</span>
                                            </p>
                                        </td>
                                        <td>
                                            <span v-if="fund.btc==0">{{fund.btc==0?"否":"是"}}</span>
                                            <span v-else @click="showDiago1('交易员',fund.btc)" class="underline">{{fund.btc==0?"否":"是"}}</span>
                                        </td>
                                        <td>
                                            <span class="ui-cell__ft" v-if="!fund.lockfcg && !fund.hbb">0</span>
                                            <span class="ui-cell__ft" v-else>{{(fund.lockfcg+fund.hbb)}}</span>
                                        </td>
                                    </tr>

                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="ios">
                    <div class="tablePadding">
                        <div class="table-responsive">
                            <table class="table personTable table-striped" v-cloak>
                                <tr>
                                    <th>收款方</th>
                                    <th>订单号</th>
                                    <th>币种</th>
                                    <th>类型</th>
                                    <th>交易前</th>
                                    <th>交易数</th>
                                    <th>交易后</th>
                                    <th>状态</th>
                                    <th>交易时间</th>
                                </tr>
                                <tr v-for="item in tableData" :key="item.id">
                                    <td>{{item.recPhone}}</td>
                                    <td>{{item.orderNo}}</td>
                                    <td>
                                        <span v-if="item.ytfType==0">IMU</span>
                                        <span v-if="item.ytfType==1">以太坊</span>
                                        <span v-if="item.ytfType==2">易买宝</span>
                                        <span v-if="item.ytfType==3">KTC</span>
                                        <span v-if="item.ytfType==4">GET</span>
                                        <span v-if="item.ytfType==5">贝壳</span>
                                        <span v-if="item.ytfType==6">俱乐部</span>
                                    </td>
                                    <td>
                                        <span v-if="item.orderType==0">转出</span>
                                        <span v-if="item.orderType==1">兑换</span>
                                        <span v-if="item.orderType==2">转入</span>
                                        <span v-if="item.orderType==3">储存</span>
                                        <span v-if="item.orderType==4">提取</span>
                                        <span v-if="item.orderType==5">私募</span>
                                    </td>
                                    <td>{{item.smoney}}</td>
                                    <td>{{item.money}}</td>
                                    <td>{{item.emoney}}</td>
                                    <td>
                                        <span v-if="item.orderState==0">处理中</span>
                                        <span v-else>成功</span>
                                    </td>
                                    <td>{{item.orderCreate}}</td>
                                </tr>
                            </table>
                            <div style="text-align: center;" id="demo8"></div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="fen">
                    <div class="tablePadding">
                        <div class="table-responsive">
                            <table class="table personTable table-striped" v-cloak>
                                <tr>
                                    <th>登入账号</th>
                                    <th>系统</th>
                                    <th>系统版本</th>
                                    <th>设备名称</th>
                                    <th>设备IP</th>
                                    <th>会话</th>
                                    <th width="300">登入时间</th>
                                </tr>
                                <tr v-for="item1 in loginTables" :key="item1.id">
                                    <td>{{item1.account}}</td>
                                    <td><p class="token1">{{item1.os}}</p></td>
                                    <td><p class="token">{{item1.osVer}}</p></td>
                                    <td><p class="token">{{item1.devName}}</p></td>
                                    <td>{{item1.devCode}}</td>
                                    <td><p class="token">{{item1.token}}</p></td>
                                    <td>{{item1.timeCreate}}</td>
                                </tr>
                            </table>
                            <!--<div class="tcdPageCode1"></div>-->
                            <div style="text-align: center;" id="demo9"></div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="userLog">
                    <div class="tablePadding">
                        <div class="table-responsive">
                            <table class="table userLogTables table-striped" v-cloak>
                                <tr>
                                    <th>用户ID</th>
                                    <th>登录号码</th>
                                    <th>操作管理工号</th>
                                    <th>操作明细</th>
                                    <th>操作时间</th>
                                    <th width="300">备注信息</th>
                                </tr>
                                <tr v-for="item1 in userLogTables" :key="item1.id">

                                    <td>{{item1.id}}</td>
                                    <td><p class="token1">{{item1.phone}}</p></td>
                                    <td><p class="token">{{item1.operName}}</p></td>
                                    <td>
                                        <p class="token">
                                            <span v-if="item1.operaction==1">用户状态禁用</span>
                                            <span v-if="item1.operaction==2">用户状态解禁</span>
                                            <span v-if="item1.operaction==3">转账状态禁用</span>
                                            <span v-if="item1.operaction==4">转账状态解禁</span>
                                            <span v-if="item1.operaction==5">短信手机变更</span>
                                            <span v-if="item1.operaction==6">合并资金</span>
                                         </p>
                                    </td>
                                    <td><p class="token">{{item1.opertime}}</p></td>
                                    <td><p class="token2">{{item1.remark}}</p></td>
                                </tr>
                            </table>
                            <!--<div class="tcdPageCode1"></div>-->
                            <div style="text-align: center;" id="demo10"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div style="display: none"  id="chargeLayer" class="panel panel-default">
        <form class="form-horizontal" role="form" style="width:90%; min-width: 600px;">
            <div class="form-group">
                <div class="col-sm-2 control-label">手机号</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="dto.phone" disabled="disabled"/>
                </div>
            </div>
            <div class="form-group" v-if="title=='俱乐部等级'">
                <div class="col-sm-2 control-label">{{title}}</div>
                <div class="col-sm-10">
                    <select class="form-control" v-model="dto1.money">
                        <option value="0">非俱乐部会员</option>
                        <option value="10">白银卡</option>
                        <option value="200">黄金卡</option>
                        <option value="500">钻石卡</option>
                        <option value="1000">白金卡</option>
                        <option value="2000">黑金卡</option>
                    </select>
                </div>
            </div>
            <div v-else>
                <div class="form-group">
                    <div class="col-sm-2 control-label">充值{{title}}</div>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" v-model="dto1.money"/>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">原因</div>
                <div class="col-sm-10">
                    <textarea class="form-control" rows="5" v-model="dto1.description" placeholder="原因备注" style="resize: none;"></textarea>
                </div>
            </div>
        </form>
    </div>
</div>
<script src="/common/js.js"></script>
<script type="text/javascript">
    dynamicLoading.js(rootPath + "js/modules/business/user/detail.js", "utf-8");
</script>
</body>
</html>